﻿<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org" class="no-js">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge"> 
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
    <meta name="referrer" content="no-referrer" />
    <title th:text="${#servletContext.getAttribute('configMap')['blog_name']}">个人博客</title>
    <meta name="author" th:content="${#servletContext.getAttribute('configMap')['blog_author']}">
    <meta name="keywords" th:content="${#servletContext.getAttribute('configMap')['keywords']}" />
    <link rel="shortcut icon" th:href="@{${#servletContext.getAttribute('configMap')['favicon_url']}}"/>
    <link rel="stylesheet" th:href="@{${baseLink} + '/source/css/reset.css'}" type="text/css">
    <link rel="stylesheet" th:href="@{${baseLink} + '/source/css/bootstrap-grid.min.css'}" type="text/css">
    <link rel="stylesheet" th:href="@{${baseLink} + '/source/css/animations.css'}" type="text/css">
    <link rel="stylesheet" th:href="@{${baseLink} + '/source/css/perfect-scrollbar.css'}" type="text/css">
    <link rel="stylesheet" th:href="@{${baseLink} + '/source/css/owl.carousel.css'}" type="text/css">
    <link rel="stylesheet" th:href="@{${baseLink} + '/source/css/magnific-popup.css'}" type="text/css">
    <link rel="stylesheet" th:href="@{${baseLink} + '/source/fonts/font-awesome/css/font-awesome.min.css'}" />
    <link rel="stylesheet" th:href="@{${baseLink} + '/source/css/main.css'}" type="text/css">
    <script th:src="@{${baseLink} + '/source/js/modernizr.custom.js'}"></script>
  </head>

  <body>
    <!-- Animated Background -->
    <div class="lm-animated-bg"></div>
    <!-- /Animated Background -->

    <!-- Loading animation -->
    <div class="preloader">
      <div class="preloader-animation">
        <div class="preloader-spinner">
        </div>
      </div>
    </div>
    <!-- /Loading animation -->

    <div class="page">
      <div class="page-content">

          <header id="site_header" class="header mobile-menu-hide">
            <div class="header-content">
              <div class="header-photo">
                <img th:src="@{${#strings.isEmpty(#servletContext.getAttribute('configMap')['logo_url']) != true ? #servletContext.getAttribute('configMap')['logo_url'] : prefix + '/source/images/main_photo.jpg'}}"  alt="">
              </div>
              <div class="header-titles">
                <h2 th:text="${#servletContext.getAttribute('configMap')['blog_name']}">博主</h2>
                <h4>人生何处似樽前</h4>
              </div>
            </div>

            <ul class="main-menu">
              <li th:each="nav : ${#servletContext.getAttribute('firstNav')}">
                <a th:href="${'#' + (nav.code eq 'index' ? 'blogs' : nav.code)}" class="nav-anim" th:data-url="${nav.code eq 'index' ? 'blogs/' : nav.link}">
                  <i th:class="${nav.icon}"></i>&nbsp;
                  <span class="link-text" th:text="${nav.name}"></span>
                </a>
              </li>
            </ul>

            <div class="social-links">
              <ul>
                <li th:if="${#strings.isEmpty(#servletContext.getAttribute('configMap')['git_hub_account']) != true}"><a th:href="@{${#servletContext.getAttribute('configMap')['git_hub_account']}}" target="_blank"><i class="fab fa-github-alt"></i></a></li>
                <li th:if="${#strings.isEmpty(#servletContext.getAttribute('configMap')['qq_account']) != true}"><a th:title="${#servletContext.getAttribute('configMap')['qq_account']}"><i class="fab fa-qq"></i></a></li>
                <li th:if="${#strings.isEmpty(#servletContext.getAttribute('configMap')['wx_account']) != true}"><a th:title="${#servletContext.getAttribute('configMap')['wx_account']}"><i class="fab fa-weixin"></i></a></li>
                <li th:if="${#strings.isEmpty(#servletContext.getAttribute('configMap')['email']) != true}"><a th:title="${#servletContext.getAttribute('configMap')['email']}"><i class="fab fa-airbnb"></i></a></li>
              </ul>
            </div>

            <div class="header-buttons">
              <a href="#" rel="sidebar" class="btn btn-primary" onclick="addFav();">收藏网站</a>
            </div>

            <div class="copyrights" th:utext="${#servletContext.getAttribute('configMap')['power_by']}"></div>
          </header>

          <!-- Mobile Navigation -->
          <div class="menu-toggle">
            <span></span>
            <span></span>
            <span></span>
          </div>
          <!-- End Mobile Navigation -->

          <!-- Arrows Nav -->
          <div class="lmpixels-arrows-nav">
            <div class="lmpixels-arrow-right"><i class="lnr lnr-chevron-right"></i></div>
            <div class="lmpixels-arrow-left"><i class="lnr lnr-chevron-left"></i></div>
          </div>
          <!-- End Arrows Nav -->

          <div class="content-area">
            <div class="animated-sections">
              <section th:each="nav : ${#servletContext.getAttribute('firstNav')}" th:data-id="${nav.code eq 'index' ? 'blogs' : nav.code}" class="animated-section custom-section"></section>
            </div>
          </div>

      </div>
    </div>

    <script th:src="@{${baseLink} + '/source/js/jquery-2.1.3.min.js'}"></script>
    <script th:src="@{${baseLink} + '/source/js/modernizr.custom.js'}"></script>
    <script th:src="@{${baseLink} + '/source/js/animating.js'}"></script>

    <script th:src="@{${baseLink} + '/source/js/imagesloaded.pkgd.min.js'}"></script>

    <script th:src="@{${baseLink} + '/source/js/perfect-scrollbar.min.js'}"></script>
    <script th:src="@{${baseLink} + '/source/js/jquery.shuffle.min.js'}"></script>
    <script th:src="@{${baseLink} + '/source/js/masonry.pkgd.min.js'}"></script>
    <script th:src="@{${baseLink} + '/source/js/owl.carousel.min.js'}"></script>
    <script th:src="@{${baseLink} + '/source/js/jquery.magnific-popup.min.js'}"></script>

    <script th:src="@{'http://www.google.cn/maps/api/js?key=AIzaSyCrDf32aQTCVENBhFJbMBKOUTiUAABtC2o'}"></script>
    <script th:src="@{${baseLink} + '/source/js/validator.js'}"></script>
    <script th:src="@{${baseLink} + '/source/js/main.js'}"></script>

  </body>
</html>
